import PropTypes from 'prop-types'
import React from 'react'
import Switch from '@material-ui/core/Switch';
// import styles from './NavToggleButton.styl'
// import CSSModules from 'browser/lib/CSSModules'

/**
 * @param {boolean} isFolded
 * @param {Function} handleToggleButtonClick
 */
 // checked={state.checkedA}
 //        onChange={handleChange}
const NavToggleButton = ({ isFolded, handleToggleButtonClick }) => (
  <Switch  checked={isFolded}  className='navToggle' onChange={e => handleToggleButtonClick(e)}>
  </Switch>
)

NavToggleButton.propTypes = {
  isFolded: PropTypes.bool.isRequired,
  handleToggleButtonClick: PropTypes.func.isRequired
}

export default NavToggleButton;// CSSModules(NavToggleButton, styles)
